<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>新增报名信息</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../css/layui.css"  media="all">
    <link rel="stylesheet" href="../css/public.css"  media="all">
</head>
<body>
<div class="layui-conter">
    <div class="layui-col-md12">
        <div class="navigation">
            <span>教务></span><span>学员管理></span><span>已报名学员></span><span>新增报名信息</span>
        </div>
        <div class="white-conter selsectSet">
                <div class="title-blue">新增报名信息</div>
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                <ul class="layui-tab-title">
                    <li class="layui-this layui-col-md6">01 报名学生扩展信息</li>
                    <li class="layui-col-md6">02 班主任跟进状态</li>
                </ul>
                <div class="layui-tab-content" style="margin-top: 20px">
                    <div class="layui-tab-item layui-show">
                        <form class="layui-form" action="">
                            <div class="layui-col-md6">
                                <div class="layui-col-md10">
                                    <div class="form-item">
                                        <div class="label-div">
                                            <label class="form-label">合同编号</label>
                                        </div>
                                        <div class="input-block">
                                            <input type="text" name="serialNumber" autocomplete="off" placeholder="请输入有效编号..." class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="label-div">
                                            <label class="form-label">报名金额</label>
                                        </div>
                                        <div class="layui-input-inline">
                                            <select name="quiz1">
                                                <option value="" selected="">请选择</option>
                                                <option value="1" >1000</option>
                                                <option value="2">2000</option>
                                                <option value="3">3000</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-item" >
                                        <div class="label-div">
                                            <label class="form-label">缴费状态</label>
                                        </div>
                                        <div class="input-block ">
                                            <input type="radio" name="pay" value="已缴费" title="已缴费" checked="checked">
                                            <input type="radio" name="pay" value="未缴费" title="未缴费">
                                        </div>
                                    </div>
                                    <div class="form-item">
                                        <div class="label-div">
                                            <label class="form-label">上课时间</label>
                                        </div>
                                        <div class="input-block">
                                            <input type="text" name="date" id="date1" lay-verify="date" placeholder="请选择" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="label-div">
                                            <label class="form-label">所属校区</label>
                                        </div>
                                        <div class="layui-input-inline">
                                            <select name="quiz1">
                                                <option value="" selected="">请选择</option>
                                                <option value="浙江" >浙江省</option>
                                                <option value="江西省">江西省</option>
                                                <option value="福建省">福建省</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="label-div">
                                            <label class="form-label">外教老师</label>
                                        </div>
                                        <div class="layui-input-inline">
                                            <select name="quiz1">
                                                <option value="" selected="">请选择</option>
                                                <option value="1" >1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="label-div">
                                            <label class="form-label">班主任老师</label>
                                        </div>
                                        <div class="layui-input-inline">
                                            <select name="quiz1">
                                                <option value="" selected="">请选择</option>
                                                <option value="1" >1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="label-div">
                                            <label class="form-label">报名总课时</label>
                                        </div>
                                        <div class="layui-input-inline">
                                            <select name="quiz1">
                                                <option value="" selected="">请选择</option>
                                                <option value="1" >1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="label-div">
                                            <label class="form-label">剩余课时</label>
                                        </div>
                                        <div class="layui-input-inline">
                                            <select name="quiz1">
                                                <option value="" selected="">请选择</option>
                                                <option value="1" >1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md12">
                                <div class="button-block">
                                    <button class="layui-btn layui-btn-xs layui-btn-normal" lay-submit="" >保存</button>
                                    <button  class="layui-btn layui-btn-xs btn-grey">下一步</button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="layui-tab-item">
                        <!-- 班主任跟进状态-->
                        <form class="layui-form" action="">
                            <div class="layui-col-md6">
                                <div class="layui-col-md10">
                                    <div class="layui-form-item">
                                        <div class="label-div">
                                            <label class="form-label">学生出勤</label>
                                        </div>
                                        <div class="layui-input-inline">
                                            <select name="quiz1">
                                                <option value="" selected="">请选择</option>
                                                <option value="1" >1000</option>
                                                <option value="2">2000</option>
                                                <option value="3">3000</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="label-div">
                                            <label class="form-label">学籍状态</label>
                                        </div>
                                        <div class="layui-input-inline">
                                            <select name="quiz1">
                                                <option value="" selected="">请选择</option>
                                                <option value="1" >1000</option>
                                                <option value="2">2000</option>
                                                <option value="3">3000</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="label-div">
                                            <label class="form-label">完成作业度</label>
                                        </div>
                                        <div class="layui-input-inline">
                                            <select name="quiz1">
                                                <option value="" selected="">请选择</option>
                                                <option value="1" >1000</option>
                                                <option value="2">2000</option>
                                                <option value="3">3000</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="label-div">
                                            <label class="form-label">历史成绩</label>
                                            <button class="layui-btn layui-btn-primary  layui-btn-xs blue-button " id="history"><img src="../images/blue-add.png"></button>
                                        </div>
                                        <div class="input-block layui-col-md12 history-score">
                                            <div class="layui-input-inline layui-col-md5 layui-inline">
                                                <select name="quiz1">
                                                    <option value="" selected="">科目选择</option>
                                                    <option value="1" >1000</option>
                                                    <option value="2">2000</option>
                                                    <option value="3">3000</option>
                                                </select>
                                            </div>
                                            <div class="layui-input-inline layui-col-md6 layui-inline" style="float: right;margin-right: 0px">
                                                <select name="quiz1">
                                                    <option value="" selected="">成绩选择</option>
                                                    <option value="1" >1000</option>
                                                    <option value="2">2000</option>
                                                    <option value="3">3000</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="label-div">
                                            <label class="form-label" style="margin-top: 15px">下次考试</label>
                                            <button class="layui-btn layui-btn-primary  layui-btn-xs blue-button " id="next"><img src="../images/blue-add.png"></button>
                                        </div>
                                        <div class="input-block layui-col-md12 next-score">
                                            <div class="layui-input-inline layui-inline layui-col-md4">
                                                <select name="quiz1">
                                                    <option value="" selected="">科目选择</option>
                                                    <option value="1" >1000</option>
                                                    <option value="2">2000</option>
                                                    <option value="3">3000</option>
                                                </select>
                                            </div>
                                            <div class=" layui-input-inline layui-inline layui-col-md4">
                                                <select name="quiz1">
                                                    <option value="" selected="">考场选择</option>
                                                    <option value="1">1000</option>
                                                    <option value="2">2000</option>
                                                    <option value="3">3000</option>
                                                </select>
                                            </div>
                                            <div class=" layui-input-inline layui-inline layui-col-md3">
                                                <div class="input-block">
                                                    <input type="text" name="date" id="date2" lay-verify="date" placeholder="时间选择" autocomplete="off" class="layui-input">
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                    <div class="form-item">
                                        <div class="label-div">
                                            <label class="form-label">寄语</label>
                                        </div>
                                        <div class="input-block">
                                            <textarea placeholder="请输入内容" class="layui-textarea"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md12">
                                <div class="button-block">
                                    <button class="layui-btn layui-btn-xs layui-btn-normal" lay-submit="" >上一步</button>
                                    <button  class="layui-btn layui-btn-xs btn-grey">提交</button>
                                </div>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>

    </div>

</div>




<script src="../js/layui.all.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    layui.use('element', function(){
        var $ = layui.jquery
            ,element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
        //触发事件
        var active = {
            tabChange: function(){
                //切换到指定Tab项
                element.tabChange('demo', '22'); //切换到：用户管理
            }
        };


    });
</script>
<script>
    layui.use(['form', 'layedit', 'laydate','layer'], function(){
        var form = layui.form
            ,layer = layui.layer
            ,layedit = layui.layedit
            , $ = layui.jquery
            ,laydate = layui.laydate;
        //日期
        laydate.render({
            elem: '#date'
        });
        laydate.render({
            elem: '#date1'
        });
        laydate.render({
            elem: '#date2'
        });
        $('#history').on('click', function(){
            var html = '<div class="layui-input-inline" style="width: 45%">' +
                '<select name="quiz1">' +
                '<option value="" selected="">科目选择</option>' +
                '<option value="1" >1000</option>' +
                '<option value="2">2000</option>' +
                '<option value="3">3000</option>' +
                '</select>' +
                '</div>' +
                '<div class="layui-input-inline" style="width: 45%;float: right;margin-right: 0px">' +
                '<select name="quiz1">' +
                '<option value="" selected="">成绩选择</option>' +
                '<option value="1" >1000</option>' +
                '<option value="2">2000</option>' +
                '<option value="3">3000</option>' +
                '</select>' +
                '</div>';



           $('.history-score').append(html);

            form.render();//Layui会对select、checkbox、radio等原始元素隐藏，从而进行美化修饰处理

            return false;

        });
        $('#next').on('click', function(){
            var html = ' <div class="layui-input-inline three-block">' +
                '                                                <select name="quiz1">' +
                '                                                    <option value="" selected="">科目选择</option>' +
                '                                                    <option value="1" >1000</option>' +
                '                                                    <option value="2">2000</option>' +
                '                                                    <option value="3">3000</option>' +
                '                                                </select>' +
                '                                            </div>' +
                '                                            <div class=" layui-input-inline three-block" >' +
                '                                                <select name="quiz1">' +
                '                                                    <option value="" selected="">考场选择</option>' +
                '                                                    <option value="1">1000</option>' +
                '                                                    <option value="2">2000</option>' +
                '                                                    <option value="3">3000</option>' +
                '                                                </select>' +
                '                                            </div>' +
                '                                            <div class=" layui-input-inline three-block">' +
                '                                                <div class="input-block">' +
                '                                                    <input type="text" name="date" id="date2" lay-verify="date" placeholder="时间选择" autocomplete="off" class="layui-input">' +
                '                                                </div>' +
                '                                            </div>';



            $('.next-score').append(html);

            form.render();//Layui会对select、checkbox、radio等原始元素隐藏，从而进行美化修饰处理

            return false;
        });
    });
</script>
</body>
</html>
